<template>
  <div>
    <div class="where">周末去哪儿</div>
    <div class="where-content" v-for="item in weekendList" :key="item.id">
      <div class="where-pic">
        <img :src="item.imgUrl" alt="">
      </div>
      <div class="product-info">
        <span>{{item.title}}</span>
        <p class="mui-ellipsis">{{item.desc}}</p>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name:"Weekend",
  data(){
    return{
      weekendList:[{
        id:"001",
        imgUrl:"http://img1.qunarzz.com/sight/source/1505/f1/ae9d4299b8aaea.jpg_r_640x214_0c555905.jpg",
        title:"南京必打卡",
        desc:"看尽王侯将相荣辱成败，六朝金粉潮起潮落"
      },{
        id:"001",
        imgUrl:"http://img1.qunarzz.com/sight/source/1505/e1/cdbf56d837da59.jpg_r_640x214_105fc3f2.jpg",
        title:"民国情怀国共风华",
        desc:"南京，一座历史文化名城，这片土地上曾经经历过太多太多值得我们去追忆的往事"
      },{
        id:"001",
        imgUrl:"http://img1.qunarzz.com/sight/source/1505/f3/d51669250308cc.jpg_r_640x214_7a127cd0.jpg",
        title:"秦淮金粉里的南京",
        desc:"欣赏秦淮风光上独具特色的人文景观，夫子庙里深刻体会古代科举制度"
      }]
    }
  }
};
</script>
<style scoped>
img{
  display: block;
}
.where {
  font-size: 0.28rem;
  margin: 0.16rem 0 0.16rem 0.3rem;
}
.where-content{
  background-color: #ffffff;
}
.where-pic{
  width: 100%;
}
.where-pic img{
  width: 100%;
}
.product-info{
  padding: 0.16rem;
}
.product-info p{
  margin-bottom: 0px;
}
.where-content span{
  /* margin: 0.2rem 0 0.16rem 0.3rem;  */
  font-size: 0.28rem;
}
.where-content p{
  /* margin: 0.04rem 0 0.16rem 0.3rem;  */
  font-size: 0.28rem;
}
</style>


